<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="icon" href="/static/cart/img/心04.png" type="/image/x-icon" />
		<link rel="stylesheet" href="/static/cart/css/One_bdyStyle.css">
		<link rel="stylesheet" href="/static/cart/css/index.css">
		<script src="/static/cart/js/jquery-3.1.1.min.js" charset="utf-8"></script>
		<link rel="stylesheet" href="/static/cart/css/One_mainFoot.css">
		<link rel="stylesheet" href="/static/cart/css/font-awesome-4.7.0/css/font-awesome.css" />
	</head>
	<body>
		<header>
			<a name="mao1">
				<div class="header">

					<ul class="header-left">
						<li>

                            <a href="http://gulimall.com">首页</a>
						</li>

					</ul>
                    <ul class="header-right">
                        <li>
                            <a href="http://auth.gulimall.com/login.html" style="color: red;" th:if="${session.loginUser == null}">请登录</a>
                            <a href="" th:if="${session.loginUser != null}">
                                [[${session.loginUser.nickname == null? '欢迎' : session.loginUser.nickname}]]
                            </a>
                        </li>
                        <li>
                            <a th:if="${session.loginUser == null}" href="http://auth.gulimall.com/reg.html" class="li_2">免费注册</a>
                        </li>
                        <li class="spacer"></li>
                        <li><a href="">我的订单</a></li>
                        <li class="spacer"></li>

                    </ul>
					<div style="clear: both;"></div>
				</div>

			</a>
		</header>




		<div class="one_search">

            <div class="one_sousuo">
                <div class="one_search_top">
                    <div class="one_top_left">
                        <a href="http://gulimall.com" class="one_left_logo"><img src="/static/cart/img/logo1.jpg"></a>
                        <a href="#" class="one_left_link">购物车</a>
                    </div>
                    <div class="one_top_right">
                        <input type="text" class="one_right_txt" placeholder="" onfocus="this.placeholder=''" onblur="this.placeholder='' ">
                        <input type="button" value="搜索" class="one_right_btn">
                    </div>
                </div>
                <div class="one_search_load" th:if="${session.loginUser == null}">
                    <img src="/static/cart/img/shop_07.jpg" class="one_load_wraing">
                    <span>您还没有登录！登录后购物车的商品将保存到您账号中</span>
                    <a href="#"><input type="button" onclick="login()" value="立即登录" class="one_load_btn"></a>
                </div>
            </div>
		</div>
		<div class="One_BdyShop">
			<div class="OneBdy_box">
				<div class="One_tabTop">
					<div class="One_Topleft">
						<span>全部商品 </span>

					</div>

				</div>
				<div class="One_ShopTop">
					<ul>
						<li><input type="checkbox" class="allCheck">全选</li>
						<li>商品</li>
						<li>单价</li>
						<li>数量</li>
						<li>小计</li>
						<li>操作</li>
					</ul>
				</div>

				<div class="One_ShopCon">
					<h1 th:if="${cart.items == null}">
						购物车还没有商品,<a href="http://gulimall.com">去购物</a>
					</h1>
					<ul th:if="${cart.items != null}">
						<li th:each="cartInfo:${cart.items}">
							<div> </div>

							<div>
								<ol>
									<li><input type="checkbox" class="itemCheck" th:attr="skuId=${cartInfo.skuId}" th:checked="${cartInfo.check}" /></li>
									<li>
										<dt><img th:src="${cartInfo.image}" src="img\shop1.jpg" alt=""></dt>
										<dd style="width: 350px;">
											<p>
												<span th:text="${cartInfo.title}">TCL 55A950C 55英寸32核</span>
												<br>
												<span th:each="attr:${cartInfo.skuAttr}" th:text="${attr} + ' '">TCL 55A950C 55英寸32核</span>
											</p>
										</dd>
									</li>
									<li>
										<p class="dj" th:text="'￥'+${#numbers.formatDecimal(cartInfo.price,3,2)}">4599.00</p>
									</li>
									<li>
										<p style="width: auto" th:attr="skuId=${cartInfo.skuId}">
											<span class="countOpsBtn">-</span>
											<span class="countOpsNum" th:text="${cartInfo.count}">5</span>
											<span class="countOpsBtn">+</span>
										</p>
									</li>
									<li style="font-weight:bold">
										<p class="zj" th:text="'￥'+${#numbers.formatDecimal(cartInfo.totalPrice,3,2)}">￥22995.00</p>
									</li>
									<li>
										<p class="delItem" th:attr="skuId=${cartInfo.skuId}">删除</p>
									</li>
								</ol>
							</div>
						</li>
					</ul>

				</div>
				<div class="One_ShopFootBuy fix1">
					<div>
						<ul>
							<li><input type="checkbox" class="allCheck"><span>全选</span></li>
							<li>删除选中的商品</li>
							<li>移到我的关注</li>
							<li>清除下柜商品</li>
						</ul>
					</div>
					<div>
						<font style="color:#e64346;font-weight:bold;" class="sumNum"> </font>&nbsp;

						<ul>
							<li><img src="/static/cart/img/buyNumleft.png" alt=""></li>
							<li><img src="/static/cart/img/buyNumright.png" alt=""></li>
						</ul>
					</div>
					<div>
						<ol>
							<li>总价:<span style="color:#e64346;font-weight:bold;font-size:16px;" class="fnt" th:text="'￥'+${#numbers.formatDecimal(cart.totalAmount,3,2)}">￥0.00</span> </li>
							<li>优惠:<span style="color:#e64346;font-weight:bold;font-size:12px;" class="fnt" th:text="'￥'+${#numbers.formatDecimal(cart.reduce,3,2)}"></span></li>

						</ol>
					</div>
					<div><button onclick="toTrade()" type="button">去结算</button></div>
				</div>
			</div>
		</div>

		<div class="One_isDel">
			<p>
				<span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
			</p>
			<div>
				<dl>
					<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
					<dd>
						<li>删除商品？</li>
						<li>您可以选择移到关注，或删除商品。</li>
					</dd>
				</dl>
			</div>
			<div>
				<button type="button" onclick="delItem()">删除</button>

			</div>
		</div>
		<div class="One_moveGzIfNull">
			<p>
				<span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
			</p>
			<dl>
				<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
				<dd>请至少选中一件商品！</dd>
			</dl>
		</div>
		<div class="One_moveMyGz">
			<p>
				<span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
			</p>
			<div>
				<dl>
					<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
					<dd>
						<li>移到关注</li>
						<li>移动后选中商品将不再购物车中显示</li>
					</dd>
				</dl>
			</div>
			<div>
				<button type="button">确定</button>
				<button type="button">取消</button>
			</div>
		</div>
		<div class="One_clearShop">
			<p>
				<span>提示</span><span><img src="/static/cart/img/错误.png" alt=""></span>
			</p>
			<dl>
				<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
				<dd>没有下柜商品!</dd>
			</dl>
		</div>
		<!--底部-->

		<div class="one_footer">

		</div>
	</body>
	<script src="/static/cart/js/index.js" charset="utf-8"></script>

	<script type="text/javascript">
        function toTrade() {
            window.location.href = "http://order.gulimall.com/toTrade";
        }

        function toItem(skuId) {
            window.location.href = "http://item.gmall.com:8084/" + skuId + ".html";
        }

        function login() {
            window.location.href = "http://auth.gulimall.com/login.html";
        }

        function checkSku(chkbox) {
            var skuId = $(chkbox).attr("value");
            var checked = $(chkbox).prop("checked");
            var isCheckedFlag = "0";
            if (checked) {
                isCheckedFlag = "1";
            }
            var param = "isChecked=" + isCheckedFlag + "&" + "skuId=" + skuId;
            $.post("checkCart", param, function(data) {
                sumSumPrice();
            });

        }

        //封装总价钱函数
        function sumSumPrice() {
            //         var zzj=0;
            //         $(".check").each(function () {
            //             if($(this).prop("checked")){
            //                 var zj = $(this).parents("ol").find(".zj").html().substring(1);
            //                 zzj=zzj+parseFloat(zj);
            //             }
            //             $(".fnt").html("￥"+zzj+".00")
            //         });
        }

        /*    //购物车结算固定定位
            $(document).scroll(function(){
                if($(window).scrollTop()>50){
                    $(".fix").hide();
                }else{
                    $(".fix").show();
                }
            })*/


        //购物车顶端tab
        $(".One_Topleft span:last-child").mouseover(function() {
            $(".One_Topleft span:first-child").css({
                "color": "black",
                "border-bottom": "none"
            });
            $(this).css({
                "cursor": "pointer",
                "color": "#E4393C",
                "border-bottom": "2px solid red"
            })
        }).mouseout(function() {
            $(this).css({
                "color": "black",
                "border-bottom": "none"
            });
            $(".One_Topleft span:first-child").css({
                "cursor": "pointer",
                "color": "#E4393C",
                "border-bottom": "2px solid red"
            })
        });
        //立即登录
        $(".one_search_load input:button").click(function() {
            $(".One_mb").show();
            $(".One_DengLu").show();
        });
        //去结算
        $(".One_ShopFootBuy>div:last-child button").mouseover(function() {
            $(this).css("cursor", "pointer");
        });
        $(".One_ShopFootBuy>div:last-child button").click(function() {
            $(".One_mb").show();
            $(".One_DengLu").show();
        });
        //buyNum
        $(".One_ShopFootBuy>div:nth-child(2)").mouseover(function() {
            $(this).css("cursor", "pointer")
        });
        $(".One_ShopFootBuy>div:nth-child(2)").click(function() {
            $(this).children("ol").toggle();
            $(this).children("ul").toggle();
            var dis = $(".One_ShopFootBuy>div:nth-child(2) ol").css("display");
            if (dis == "none") {
                $(".One_ShopFootBuy>div:nth-child(2) img").css("transform", "rotateX(0)")
            } else if (dis == "block") {
                $(".One_ShopFootBuy>div:nth-child(2) img").css("transform", "rotateX(180deg)")
            }
        });
        //右侧固定定位
        $(".One_RightFix ul>li:not(:first-child)").mouseover(function() {
            $(this).css({
                "cursor": "pointer",
                "background": "#C91423"
            });
            $(this).children("ol").stop().animate({
                "left": "-75px"
            }, 200)
        }).mouseout(function() {
            $(this).css("background", "#7A6E6E");
            $(this).children("ol").stop().animate({
                "left": "75px"
            }, 200)
        });
        //右侧底部固定定位
        $(".One_RightbtmFix ul>li").mouseover(function() {
            $(this).css({
                "cursor": "pointer",
                "background": "#C91423"
            });
            $(this).children("ol").stop().animate({
                "left": "-55px"
            }, 200)
        }).mouseout(function() {
            $(this).css("background", "#7A6E6E");
            $(this).children("ol").stop().animate({
                "left": "55px"
            }, 200)
        });
        //登录弹框tab切换
        $(".One_DengLu>div:nth-child(3) ul li").mouseover(function() {
            $(this).css("cursor", "pointer")
        });
        $(".One_DengLu>div:nth-child(3) ul li").click(function() {
            var i = $(this).index();
            $(this).css({
                "color": "#E64346",
                "font-weight": "bold"
            })
                .siblings("li").css({
                "color": "black",
                "font-weight": "normal"
            });
            $(".One_DengLu>div:nth-child(3) ol li").eq(i).show().siblings().hide()
        });
        //优惠券
        $(".One_ShopBottom>div:nth-child(2) img").click(function() {
            $(".One_mb").show();
            $(".One_DengLu").show();
        });
        //配送地址hover效果
        $(".One_Topright span:last-child").mouseover(function() {
            $(this).children(".One_Local").css("display", "block")
        }).mouseout(function() {
            $(".One_Local>ul>li").eq(0).children("ol").css("display", "block");
            $(this).children(".One_Local").css("display", "none")
        });

        $(".One_Local>ul>li").eq(0).children("ol").css("display", "block");
        $(".One_Local>ul>li").mouseover(function() {
            var i = $(this).index();
            $(this).css("cursor", "pointer");
            $(this).children("ol").css("display", "block")
        }).mouseout(function() {
            $(".One_Local>ul>li").eq(0).children("ol").css("display", "block");
            $(this).children("ol").css("display", "none")
        });

        $(".One_Local>ul>li>ol li").mouseover(function() {
            $(this).css({
                "cursor": "pointer",
                "color": "#e64346"
            })
        }).mouseout(function() {
            $(this).css("color", "#005AA0")
        });

        $(".One_Local>ul>li>ol li").click(function() {
            $(this).parent().parent().children("label").html($(this).html())
        });
        //购物车全选反选
        $(".One_ShopTop ul li:first-child .allCheck").click(function() {
            if ($(".One_ShopTop ul li:first-child .allCheck").is(":checked")) {
                // $(".check").each(function(index){
                $(".check").prop("checked", true);
                $(".check").parent().parent().parent().css("background", "#fff4e8");
                $(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", true)
                // })
            } else {
                // $(".check").each(function(){
                $(".check").parent().parent().parent().css("background", "none");
                $(".check").prop("checked", false);
                $(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", false)
                // })
            }
        });
        $(".One_ShopFootBuy>div:first-child ul li:first-child .allCheck").click(function() {
            if ($(".One_ShopFootBuy>div:first-child ul li:first-child .allCheck").is(":checked")) {
                $(".check").prop("checked", true);
                $(".check").parent().parent().parent().css("background", "#fff4e8");
                $(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", true)
            } else {
                $(".check").parent().parent().parent().css("background", "none");
                $(".check").prop("checked", false);
                $(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", false)
            }
        });
        $(".One_ShopBottom>div:first-child span:first-child .allCheck").click(function() {
            if ($(".One_ShopBottom>div:first-child span:first-child .allCheck").is(":checked")) {
                $(".check").prop("checked", true);
                $(".check").parent().parent().parent().css("background", "#fff4e8");
            } else {
                $(".check").parent().parent().parent().css("background", "none");
                $(".check").prop("checked", false);
            }
        });
        //如果子选择框没有选中则父选框取消全选
        $(".check").click(function() {
            $(".check").each(function() {
                if ($(this).prop("checked") == true) {
                    $(".allCheck").prop("checked", false);
                }
            })
        });
        //子选择框全部选中复选框也选中
        $(".check").click(function() {
            if ($(".check[class='check']:checked").length == $(".check[class='check']").length) {
                $(".allCheck").prop("checked", true);
            } else {
                $(".allCheck").prop("checked", false)
            }
        });
        //删除已选的商品
        $(".One_ShopFootBuy>div:first-child ul li:nth-child(2)").click(function() {
            // $(".check").each(function(){
            if ($(".check").is(":checked") == false) {
                $(".One_mb").show();
                $(".One_moveGzIfNull").show();
            } else {
                $(".One_mb").show(); //蒙版显示
                $(".One_isDel").show(); //删除弹框显示
                $(".One_moveGzIfNull").hide();
            }
            //移除结账固定定位
            // if($(".check").length==1){
            // 	$(".fix").remove();
            // }
            // })
            //var that=$(this);
            //确定删除
            /*      $(".One_isDel>div:last-child button:first-child").click(function(){
                      $(".One_mb").hide();    //蒙版隐藏
                      $(".One_isDel").hide(); //删除弹框隐藏
                      $(".check:checked").parent().parent().parent().parent().remove();  //删除选中商品
                      if($(".fix").offset().top>$(".fix1").offset().top){
                          $(".fix").hide();
                      }
                      if($(".check").length==0){
                          $(".allCheck").prop("checked",false);
                          $(".sumNum").html("0");
                          $(".fnt").html("￥ 0.00");
                      }
                  })*/
        });
        //确定删除弹框移入我的关注
        $(".One_isDel>div:last-child button:last-child").click(function() {
            $(".One_isDel").hide();
            $(".One_mb").show();
            $(".One_DengLu").show();
        });
        //移到我的关注
        $(".One_ShopFootBuy>div:first-child ul li:nth-child(3)").click(function() {
            $(".check").each(function(index) {
                if ($(this).is(":checked") == false) {
                    $(".One_mb").show();
                    $(".One_moveGzIfNull").show();
                } else {
                    $(".One_mb").show();
                    $(".One_moveMyGz").show();
                    $(".One_moveGzIfNull").hide();
                }
            })
        });
        //点击×号关闭
        $(".One_moveGzIfNull>p span:last-child img").click(function() {
            $(".One_mb").hide();
            $(".One_moveGzIfNull").hide();
        });
        $(".One_moveMyGz>p span:last-child img").click(function() {
            $(".One_mb").hide();
            $(".One_moveMyGz").hide();
            $(".One_moveGzIfNull").hide();
        });
        $(".One_clearShop>p span:last-child img").click(function() {
            $(".One_mb").hide();
            $(".One_clearShop").hide();
        });
        //移到我的关注取消按钮点击关闭
        $(".One_moveMyGz>div:last-child button:last-child").click(function() {
            $(".One_mb").hide();
            $(".One_moveMyGz").hide();
        });
        //移到我的关注确定按钮点击登录弹框弹出
        $(".One_moveMyGz>div:last-child button:first-child").click(function() {
            $(".One_moveMyGz").hide();
            $(".One_mb").show();
            $(".One_DengLu").show();
        });

        $(".One_DengLu>p:first-child span:last-child img").click(function() {
            $(".One_mb").hide();
            $(".One_DengLu").hide();
        });
        //清除下柜商品
        $(".One_ShopFootBuy>div:first-child ul li:nth-child(4)").click(function() {
            $(".One_mb").show();
            $(".One_clearShop").show()
        });
        //购物车+ -
        //鼠标移入变小手
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span").mouseover(function() {
            $(this).css("cursor", "pointer")
        });
        //+
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:last-child").click(function() {
            var add = $(this).prev("span").html();
            add++;
            $(this).prev("span").html(add);
            //总价
            var dj = $(this).parent().parent().prev().children(".dj").html().substring(1);
            var sl = $(this).prev("span").html();
            $(this).parent().parent().parent().children("li:nth-child(5)").children(".zj").html("￥" + dj * sl + ".00");
            sumSumPrice();

        });
        //-
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:first-child").click(function() {
            var jian = $(this).next("span").html();
            jian--;
            if (jian <= 0) {
                jian = 0;
            }
            $(this).next("span").html(jian);
            //总价
            var dj = $(this).parent().parent().prev().children(".dj").html().substring(1);
            var sl = $(this).next("span").html();
            $(this).parent().parent().parent().children("li:nth-child(5)").children(".zj").html("￥" + dj * sl + ".00");
            sumSumPrice();

        });
        //选中当前商品背景变色
        $(".check").each(function(index) {
            $(".check").eq(index).click(function() {
                if ($(this).is(":checked")) {
                    $(this).parent().parent().parent().css("background", "#fff4e8");
                    $(this).parent().parent().parent().parent().children("div:last-child").css("background", "#fff4e8")
                } else {
                    $(this).parent().parent().parent().parent().children("div:last-child").css("background", "none");
                    $(this).parent().parent().parent().css("background", "none")
                }
            })
        });
        //商品删除鼠标移入变色
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p").mouseover(function() {
            $(this).css({
                "cursor": "pointer",
                "color": "#e64346"
            });
        }).mouseout(function() {
            $(this).css({
                "cursor": "pointer",
                "color": "gray"
            });
        });
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:nth-child(2)").click(function() {
            $(".One_mb").show();
            $(".One_moveMyGz").show();
        });
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:last-child").click(function() {
            $(".One_mb").show();
            $(".One_DengLu").show();
        });
        //点击删除
        //点击删除出现弹框
        $(".One_isDel>p img").click(function() {
            $(".One_mb").hide();
            $(".One_isDel").hide();
        });
        $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:first-child").click(function() {
            $(".One_mb").show();
            $(".One_isDel").show();
            var that = $(this);
            //确定删除
            /*        $(".One_isDel>div:last-child button:first-child").click(function(){
                        $(".One_mb").hide();
                        $(".One_isDel").hide();
                        that.parent().parent().parent().parent().remove();
                        // 移除结账固定定位
                        // if($(".check").length==1){
                        // 	$(".fix").remove();
                        // }
                        if($(".fix").offset().top>$(".fix1").offset().top){
                            $(".fix").hide();
                        }
                        if($(".check").length==0){
                            $(".allCheck").prop("checked",false);
                            $(".sumNum").html("0");
                            $(".fnt").html("￥ 0.00");
                        }
                    })*/
        });
        /*    //页面滚动删除去结算固定定位隐藏
            $(document).scroll(function(){
                if($(".fix").offset().top>$(".fix1").offset().top){
                    $(".fix").hide();
                }
            })*/
        $(".One_isDel>div:last-child button").mouseover(function() {
            $(this).css("cursor", "pointer");
        });

        $(".One_ShopFootBuy>div:first-child ul li:not(:first-child)").mouseover(function() {
            $(this).css({
                "cursor": "pointer",
                "color": "#e64346"
            })
        }).mouseout(function() {
            $(this).css("color", "black")
        });

        //封装总价钱函数
        function sumSumPrice() {
            console.log("计算总价");
            var zzj = 0;
            $(".check").each(function() {


                if ($(this).prop("checked")) {
                    console.log("check!!" + $(this).parents("ol").find(".zj").html());
                    var zj = $(this).parents("ol").find(".zj").html().substring(1);
                    console.log(" 价格：" + zj);
                    zzj = zzj + parseFloat(zj);
                }
                $(".fnt").html("￥" + zzj + ".00")
            })

            /*        $(".One_ShopCon ul li>div:nth-child(2) ol li:nth-child(5) .zj").each(function(){
                        kong+=parseFloat($(this).html().substring(1))
                    })
                    $(".fnt").html("￥"+kong+".00")*/
        }
        //封装总数量函数
        function sumSumNum() {
            var kong = 0;
            $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:nth-child(2)").each(function() {
                kong += parseFloat($(this).html())
            });
            $(".sumNum").html(kong);
        }

        $(".One_ShopCon ul li>div:nth-child(2)>ol>li:nth-child(2)>dd").mouseover(function() {
            $(this).css({
                "cursor": "pointer",
                "color": "#e64346"
            })
        }).mouseout(function() {
            $(this).css("color", "black")
        });
        //更多促销下拉
        $(".One_ShopCon ul li>div:nth-child(2) ol li:nth-child(3) p:nth-child(2)").click(function() {
            $(this).parent().children(".nmbd").slideToggle(300);
            var dis = $(this).parent().children(".nmbd").css("display");
            console.log(dis);
            // if(dis=="block"){
            // 	$(".hahaha").css("transform","rotateX(-180deg)")
            // }else{
            // 	$(".hahaha").css("transform","rotateX(360deg)")
            // }
        });
        $(".nmbd dd:last-child button:first-child").click(function() {
            $(this).parent().parent().slideUp(100)
        });
        $(".nmbd dd:last-child button:last-child").click(function() {
            $(this).parent().parent().slideUp(100)
        });










        //active
        $(".one_main_div1 .one_main_ul>li").mouseover(function() {
            $(".one_main_div1 .one_main_ul>li").removeClass("active");
            $(this).addClass("active");
        });
        //选项卡
        $(".one_main_div1 .one_main_ul li").mouseover(function() {
            $(".one_main_div1_1").eq($(this).index()).stop(true).show().siblings().stop(true).hide()
        });

        $(function() {
            //声明变量记录索引
            var index = 0;
            //点击右边按钮
            //忽略重复点击开关
            var toggle = true;
            $(".arrow-right").click(function() {

                if (toggle == false) {
                    return
                }
                toggle = false;
                index++;
                if (index > $('.fade li').length - 1) {
                    index = 0;
                }

            });

            //点击左边按钮
            $(".arrow-left").click(function() {
                if (toggle == false) {
                    return
                }
                toggle = false;
                index--;
                if (index < 0) {
                    index = $('.fade li').length - 1;
                }
                $('.pagination ul li').eq(index).addClass('active').siblings().removeClass('active');
                $(".slider>ul>li").eq(index).fadeIn(500, function() {
                    toggle = true
                }).siblings("li").fadeOut(500);
            });
            //点击分页器
            $('.pagination ul li').mouseover(function() {
                var paging = $(this).index();
                //变颜色
                $(this).addClass('active').siblings().removeClass('active');
                //与图片关联
                $(".slider>ul>li").eq(paging).fadeIn(1000).siblings("li").fadeOut(1000);

            })
        });
        $(".fade li>div a").mouseover(function() {
            $(this).children("p").children("img").attr("src", "img/one_mian_gwc2.png")
        }).mouseout(function() {
            $(this).children("p").children("img").attr("src", "img/one_mian_gwc1.png")
        })
	</script>



	<script>

        // 购物车商品选中事件
        $(".itemCheck").click(function () {
            var skuId = $(this).attr("skuId");
            var check = $(this).prop("checked"); // 使用prop() 直接获取true或false
            location.href = "http://cart.gulimall.com/checkItem?skuId="+skuId + "&check=" + (check? 1:0);
        });

        // 商品数量修改
        $(".countOpsBtn").click(function () {
            var skuId = $(this).parent().attr("skuId");
            var count = $(this).parent().find(".countOpsNum").text();

            location.href = "http://cart.gulimall.com/countItem?skuId="+skuId + "&count=" + count;

        });


        var deleteSkuId = -1;
        // 点击删除按钮，获取商品的skuId
        $(".delItem").click(function () {
            deleteSkuId = $(this).attr("skuId");
        });

        // 最终弹框的删除按钮
        function delItem() {
            if (deleteSkuId != -1) {
                location.href = "http://cart.gulimall.com/delItem?skuId="+deleteSkuId;
            }
        }


	</script>
</html>
